<%-- 
    Document   : dang-nhap
    Created on : Sep 8, 2013, 9:11:29 AM
    Author     : Administrator
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8" />
        <title>Login</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
        <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
        <link href="assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
        <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
        <link href="css/style.css" rel="stylesheet" />
        <link href="css/style-responsive.css" rel="stylesheet" />
        <link href="css/style-default.css" rel="stylesheet" id="style_color" />
    </head>
    <!-- END HEAD -->
    <!-- BEGIN BODY -->
    <body class="lock">
        <form action="dang-nhap.htm" method="post">

            <div class="lock-header">
                <!-- BEGIN LOGO -->
                <a class="center" id="logo" href="">
                    <img class="center" alt="12HCA1" src="img/admin-logo-big.png"  >
                </a>
                <!-- END LOGO -->
            </div>
            <div class="login-wrap">
                <div class="metro single-size red">
                    <div class="locked">
                        <i class="icon-lock"></i>
                        <span>Login</span>
                    </div>
                </div>
                <div class="metro double-size green">
                    <div class="input-append lock-input">
                        <input type="text" class="" name="user_1" required="" placeholder="Username">
                    </div>
                </div>
                <div class="metro double-size yellow">
                    <div class="input-append lock-input">
                        <input type="password" class="" name="pass_1" required="" placeholder="Password">
                    </div>
                </div>
                <div class="metro single-size terques login">
                    <button type="submit" class="btn login-btn">
                        Login
                        <i class=" icon-long-arrow-right"></i>
                    </button>
                </div>

                <div class="metro double-size navy-blue ">
                    <a href="http://facebook.com" class="social-link">
                        <i class="icon-facebook-sign"></i>
                        <span>Facebook Login</span>
                    </a>
                </div>
                <div class="metro single-size deep-red">
                    <a href="http://google.com" class="social-link">
                        <i class="icon-google-plus-sign"></i>
                        <span>Google Login</span>
                    </a>
                </div>
                <div class="metro double-size blue">
                    <a href="http://twitter.com" class="social-link">
                        <i class="icon-twitter-sign"></i>
                        <span>Twitter Login</span>
                    </a>
                </div>
                <div class="metro single-size purple">
                    <a href="http://skyper.com" class="social-link">
                        <i class="icon-skype"></i>
                        <span>Skype Login</span>
                    </a>
                </div>
                <div class="login-footer">
                    <%
                        if (request.getAttribute("ERROR") != null)
                        {
                    %>
                    <h2><b style="color: red"><%=request.getAttribute("ERROR")%></b></h2>

                    <%                                }
                    %>
                </div>
            </div>
        </form>

    </body>
    <!-- END BODY -->
</html>